<template>
  <div class="user-info">
    <img src="../../../assets/images/profile/avatar.svg" alt="" class="avatar">
    <div class="info">
      <div class="login">登录/注册</div>
    </div>
    <div class="arrow">
      <img src="../../../assets/images/common/arrow-left.svg" alt="">
    </div>
  </div>
</template>

<script>

  export default {
    name:'UserInfo',

  }

</script>
<style scoped>
  .user-info{
    height: 85px;
    background-color: #ff8198;
    padding: 6px 15px;
    display: flex;
    color: #fff;
  }
  .user-info .avatar{
    width: 70px;
    height: 70px;
  }

  .info{
    padding-left: 15px;
    flex: 1;
  }
  .info .login{
    margin-top: 15px;
  }
  .arrow{
    width: 20px;
    line-height: 85px;

  }
  .arrow img{
    width: 20px;
  }
</style>
